﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/public.css" />
    <link rel="stylesheet" href="css/other.css" />
    <link href="css/mall.css" rel="stylesheet" />
    <script src="js/jquery.js"></script>
</head>
<body>
    <!--头部-->
    <div class="top_box">
        <div class="top_Content_width">
            <div class="top_Content_left">
                <span>您好，欢迎来到敬业商城</span>
                <a class="login">请登录</acronym><a class="registration">免费注册</a>
            </div>
            <div class="top_Content_right">
                <a>手机客户端</a>
                <a>买家中心 <em class="arrow_down"></em></a>
                <a>帮助中心<em class="arrow_down"></em></a>
                <span>咨询热线：<font>0311-82878888</font></span>
                <a></a>
            </div>
        </div>
    </div>
    <div class="index_top2" style="border-bottom: 1px solid #E7E7E7;">
        <div class="Content_width">
            <div class="index_topw">
                <div class="logo left"></div>
                <div class="index_topw_search">
                    <div class="index_topw_searchw">
                        <input onfocus="if (placeholder =='请输入用户名称'){placeholder =''}" onblur="if (placeholder ==''){placeholder='请输入用户名称'}" type="text" placeholder="请输入用户名称" value="">
                        <a><em></em></a>
                    </div>
                    <p>热门搜索：<a>钢铁</a>、<a>饮用水</a>、<a>酒店</a>、<a>旅游门票</a>、<a>房地产</a></p>
                </div>
                <div class="city_box"><em class="icon_dw"></em> 北京<em class="sanjiao_down"></em> </div>
                <div class="cart_but   "><em class="icon_gw"></em> 购物车<em class="number">12</em> </div>
            </div>
        </div>
    </div>

    <div class="item-detail-show">
        <div class="item-detail-left">
            <div class="item-detail-big-img">
                <img src="img/detail/item-detail-1.jpg" alt="">
            </div>
            <div class="item-detail-img-row">
                <div class="item-detail-img-small">
                    <img src="img/detail/item-detail-1.jpg" alt="">
                </div>
                <div class="item-detail-img-small">
                    <img src="img/detail/item-detail-2.jpg" alt="">
                </div>
                <div class="item-detail-img-small">
                    <img src="img/detail/item-detail-3.jpg" alt="">
                </div>
                <div class="item-detail-img-small">
                    <img src="img/detail/item-detail-4.jpg" alt="">
                </div>
            </div>
        </div>
        <div class="item-detail-right">
            <div class="item-detail-title">
                <p>焊管 Q195-Q235 DN32*2*6M 友发/华岐</p>
            </div>
            <div class="item-detail-price-row">
                <div class="item-price-left">
                    <div class="item-price-row" style="position: relative; margin-bottom: 5px; ">
                        <div>
                            <span class="item-price-title">含税价格</span>
                            <span class="item-price">
                                <span class="item-price-t">￥</span>2342<span class="item-price-u">/吨</span>
                            </span>
                            <div class="item-sale-info item-sale-info1">
                                <p>2342</p>
                                <p>已售</p>
                            </div>
                            <div class="item-sale-info">
                                <p>65</p>
                                <p>可售</p>
                            </div>
                        </div>
                </div>
                <hr class="ip_hr" />
                <div class="item-price-row">
                    <div>
                        <span class="item-price-title">计重方式</span>
                        <span class="item-price-value">过磅</span>
                    </div>
                </div>
                <div class="item-price-row">
                    <div>
                        <span class="item-price-title">质量等级</span>
                        <span class="item-price-value">正品</span>
                    </div>
                </div>
                <div class="item-price-row">
                    <div>
                        <span class="item-price-title">质保书&#12288;</span>
                        <span class="item-price-value">有</span>
                    </div>
                </div>
                <div class="item-price-row">
                    <div>
                        <span class="item-price-title">仓库&#12288;&#12288;</span>
                        <span class="item-price-value">北京兴钢库</span>
                    </div>
                </div>
                <div class="item-price-row">
                    <div>
                        <span class="item-price-title">配送&#12288;&#12288;</span>
                        <span class="item-price-value">
                            <select>
                                <option>河北石家庄</option>
                                <option>河南郑州</option>
                                <option>江苏南通</option>
                                <option>湖北武汉</option>
                            </select>
                            <span class="item-price-yh">有货</span>
                            <span class="item-price-zc">支持</span>
                            <span class="item-price-zt">自提</span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
            <!-- 重量 -->
            <div class="item-select">
                <div class="item-select-title">
                    <p>重量&#12288;&#12288;</p>
                </div>
                <div class="item-select-row">
                    <div class="item-select-zl">
                        <p>0.032吨 理计</p>
                        <p>￥3242/吨</p>
                    </div>
                </div>
            </div>
        <!-- 规格 -->
        <div class="item-select">
            <div class="item-select-title">
                <p>规格&#12288;&#12288;</p>
            </div>
            <div class="item-select-row">
                <div class="item-select-class">
                    <span>Q195 DN32</span>
                </div>
                <div class="item-select-class">
                    <span>Q235 DN32</span>
                </div>
                <div class="item-select-classs">
                    <select>
                        <option>定制</option>
                        <option>定制1</option>
                        <option>定制2</option>
                        <option>定制3</option>
                    </select>
                </div>
            </div>
        </div>
        
    </div>
    </div>




    <!------------通用底部------------->
    <div class="bottom_box">
        <ul class="ul_fuwu">
            <li><em class="em1"></em>正品保障</li>
            <li><em class="em2"></em>品类齐全</li>
            <li><em class="em3"></em>运费全免</li>
            <li><em class="em4"></em>钢厂直供</li>
            <li><em class="em5"></em>退货无忧</li>
        </ul>
        <ul class="ul_help">
            <li>
                <h2>买家服务</h2>
                <a>买家注册</a>
                <a>买家线上交易流程</a>
                <a>现货搜索</a>
                <a>实单求购</a>
                <a>商城采购流程</a>
                <a>敬业电子商务平台服务协议</a>
                <a>隐私政策</a>
            </li>
            <li>
                <h2>框架合同</h2>
                <a>框架合同列表</a>
                <a>框架合同订单（买）</a>
                <a>框架合同变更申请</a>
            </li>
            <li>
                <h2>卖家服务</h2>
                <a>合作钢厂</a>
                <a>商家操作指南</a>
                <a>开通卖家服务</a>
                <a>供应商合作洽谈</a>
                <a>卖家资源上传</a>
            </li>
            <li>
                <h2>售后服务</h2>
                <a>质量异议处理流程</a>
                <a>发票查询</a>
                <a>商城与资源单区别</a>
                <a>实力卖家入驻</a>
            </li>
            <li>
                <h2>物流服务</h2>
                <a>质量异议处理流程</a>
                <a>发票查询</a>
                <a>商城与资源单区别</a>
                <a>实力卖家入驻</a>
            </li>
        </ul>
        <div class="login_btoom">
            <a>现货交易规则 </a>| <a>竞拍交易规则 </a> | <a>开票说明 </a> | <a>支付说明 </a> | <a>友情链接 </a> | <a>帮助中心 </a>
            <p>Copyright © 2017　　敬业钢铁有限公司 冀ICP备18016119号-3　　冀公网安备13013102000127号</p>
        </div>
    </div>
    <script type="text/javascript">
        $('.item-detail-img-small img').hover(function () {
            $('.item-detail-big-img img').attr('src', $(this).attr('src'));
        });
    </script>
</body>
</html>
